<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>FoodKa - Food Ordering, Delivery & Restuarent Template</title>

    <!-- Stylesheet -->
    <link rel="stylesheet" href="static/css/animate.min.css">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/magnific.min.css">
    <link rel="stylesheet" href="static/css/jquery-ui.min.css">
    <link rel="stylesheet" href="static/css/nice-select.min.css">
    <link rel="stylesheet" href="static/css/owl.min.css">
    <link rel="stylesheet" href="static/css/slick-slide.min.css">
    <link rel="stylesheet" href="static/css/fontawesome.min.css">
    <link rel="stylesheet" href="static/css/remixicon.css">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/responsive.css">

    <!--Google Fonts-->
    <link href="static/css/css2.css" rel="stylesheet">


</head>
<body class='sc5'>
<!-- preloader area start -->
<div class="preloader" id="preloader">
    <div class="preloader-inner">
        <div id="wave1">
        </div>
        <div class="spinner">
            <div class="dot1"></div>
            <div class="dot2"></div>
        </div>
    </div>
</div>
<!-- preloader area end -->
<!-- search popup area start -->
<div class="body-overlay" id="body-overlay"></div>
<div class="td-search-popup" id="td-search-popup">
    <form action="index.html" class="search-form">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search.....">
        </div>
        <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
    </form>
</div>
<!-- //. search Popup -->

<!-- navbar start -->
<div id="header"></div>
<!-- navbar end -->

<!-- bredcrumb Area Start-->
<section class="breadcrumb-area">
    <div class="banner-bg-img"></div>
    <div class="banner-shape-1"><img src="static/picture/shape-1.png" alt="img"></div>
    <div class="banner-shape-2"><img src="static/picture/shape-2.png" alt="img"></div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 align-self-center">
                <div class="banner-inner text-center">
                    <h3>About us
                    </h3>
                    <h1>Who are we?</h1>
                    <nav aria-label="breadcrumb">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">About us</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- bredcrumb Area End -->

<!-- about Area Start-->
<section class="about-area pd-top-120">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-sm-8">
                <div class="thumb mb-4 mb-lg-0">
                    <img src="static/picture/about-2.png" alt="img">
                </div>
            </div>
            <div class="col-lg-6 order-lg-first align-self-center">
                <div class="section-title mb-0 text-center text-lg-start">
                    <h3 class="sub-title">Our History</h3>
                    <h2 class="title">餐厅的发展史</h2>
                    <p>当西式快餐进入中国市场，在大城市飞速布点，而三四线城乡却因消费水平的限制，大多青少年儿童很难品尝到正宗的西式快餐美味。默默进入到西式快餐行业的三四个年轻人注意到后，就在想如果城乡群众能够同样享受到该多好。随着西式快餐文化在中国市场激情燃烧，也激发了他心中的责任感，决定要满足让三四线城市和青少年儿童都能享受到安全、卫生、快捷的西式快餐，让每个人都能享受高品质的生活，于是宇宙汉堡诞生了。
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- about Area End -->

<!-- about Area Start-->
<section class="about-area pd-top-120 pd-bottom-90">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="thumb">
                    <img src="static/picture/about1.jpg" alt="img">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="section-title text-center text-lg-start">
                    <h3 class="sub-title">Why choose us</h3>
                    <h2 class="title">为什么我们是最好的</h2>
                    <p>秉承着质量第一的理念，将食品安全放在首位，做出让青少年满意的宇宙汉堡产品。和一般的外卖服务不同，我们有一套更为齐整的售后系统，为了保持产品的口感我们严格管控配送时间。一切都为了我们的消费者。</p>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/1.png" alt="img">
                            保证新鲜食材
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/2.png" alt="img">
                            保证派送速度
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/3.png" alt="img">
                            保证菜品质量
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="single-about-wrap">
                            <img src="static/picture/4.png" alt="img">
                            24/7的服务
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- about Area End -->

<!-- video Area Start-->
<!--    <section class="video-area featured-area pd-bottom-150" style="background-image: url(static/image/video.png);">-->
<!--        <div class="overlay"></div>-->
<!--        <div class="container">-->
<!--            <div class="row">-->
<!--                <div class="col-lg-6">-->
<!--                    <div class="section-title text-lg-start text-center">-->
<!--                        <h3 class="sub-title text-secondary">Why choose us</h3>-->
<!--                        <h2 class="title text-white">Visit our kitchens to see how we prepare your favorite dish</h2>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-6 align-self-center text-center">-->
<!--                    <a class="play-btn" href="#"><i class="ri-play-circle-fill"></i></a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
<!-- video Area End -->

<!-- testimonial Area Start-->
<!--    <section class="testimonial-area text-center">-->
<!--        <div class="container">-->
<!--            <div class="row justify-content-center">-->
<!--                <div class="col-lg-7 col-md-10">-->
<!--                    <div class="testimonial-slider owl-carousel">-->
<!--                        <div class="item">-->
<!--                            <div class="testimonial-wrap">-->
<!--                                <p>“我们非常开心能吃到如此性价比的西式快餐，食材非常新鲜且高质量，这是一次非常好的用餐体验。”</p>-->
<!--                                <h3>鲁小明-->
<!--                                </h3>-->
<!--                                <h6>美食博主</h6>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="item">-->
<!--                            <div class="testimonial-wrap">-->
<!--                                <p>“因为本人是汉堡和披萨的狂热爱好者所以这次点了店里这两样食物的明星菜品，味道出人意料的不错，有机会还会再次光顾。”</p>-->
<!--                                <h3>鲁大明-->
<!--                                </h3>-->
<!--                                <h6>美食博主</h6>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
<!-- testimonial Area End -->

<!-- blog Area Start-->
<!--    <section class="blog-area pd-bottom-90">-->
<!--        <div class="container">-->
<!--            <div class="row justify-content-center">-->
<!--                <div class="col-xl-5 col-lg-7">-->
<!--                    <div class="section-title text-center">-->
<!--                        <h3 class="sub-title">News & Blog</h3>-->
<!--                        <h2 class="title">Celebrating the awesomeness of food.</h2>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="row justify-content-center">-->
<!--                <div class="col-lg-4 col-md-6">-->
<!--                    <div class="single-blog-wrap">-->
<!--                        <div class="thumb">-->
<!--                            <img src="static/picture/11.png" alt="img">-->
<!--                        </div>-->
<!--                        <div class="wrap-details">-->
<!--                            <span class="cat">-->
<!--                                <span class="date">-->
<!--                                    <i class="ri-calendar-todo-fill"></i>July 14, 2021-->
<!--                                </span>-->
<!--                                <a href="#" class="tag me-0">-->
<!--                                    <i class="ri-price-tag-3-fill"></i>Burgar-->
<!--                                </a>-->
<!--                            </span>-->
<!--                            <h5><a href="blog-details.html">Greek yogurt breakfast bowls with toppings</a></h5> -->
<!--                            <div class="wrap-hover-area">-->
<!--                                <p> It with just a touch of sauce. saucy riff, more in the style of takeout American Chinese kung pao. The sauce makes it perfect for eating with rice.-->
<!--                                </p> -->
<!--                                <a class="link-btn" href="blog-details.html">Read More</a> -->
<!--                            </div>                       -->
<!--                        </div> -->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-4 col-md-6">-->
<!--                    <div class="single-blog-wrap">-->
<!--                        <div class="thumb">-->
<!--                            <img src="static/picture/21.png" alt="img">-->
<!--                        </div>-->
<!--                        <div class="wrap-details">-->
<!--                            <span class="cat">-->
<!--                                <span class="date">-->
<!--                                    <i class="ri-calendar-todo-fill"></i>July 05, 2021-->
<!--                                </span>-->
<!--                                <a href="#" class="tag me-0">-->
<!--                                    <i class="ri-price-tag-3-fill"></i>Pizza-->
<!--                                </a>-->
<!--                            </span>-->
<!--                            <h5><a href="blog-details.html">Broad beans, tomato, garlic & cheese bruschetta-->
<!--                            </a></h5> -->
<!--                            <div class="wrap-hover-area">-->
<!--                                <p> It with just a touch of sauce. saucy riff, more in the style of takeout American Chinese kung pao. The sauce makes it perfect for eating with rice.-->
<!--                                </p> -->
<!--                                <a class="link-btn" href="blog-details.html">Read More</a> -->
<!--                            </div>                       -->
<!--                        </div> -->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-lg-4 col-md-6">-->
<!--                    <div class="single-blog-wrap">-->
<!--                        <div class="thumb">-->
<!--                            <img src="static/picture/31.png" alt="img">-->
<!--                        </div>-->
<!--                        <div class="wrap-details">-->
<!--                            <span class="cat">-->
<!--                                <span class="date">-->
<!--                                    <i class="ri-calendar-todo-fill"></i>August 14, 2021-->
<!--                                </span>-->
<!--                                <a href="#" class="tag me-0">-->
<!--                                    <i class="ri-price-tag-3-fill"></i>Pizza-->
<!--                                </a>-->
<!--                            </span>-->
<!--                            <h5><a href="blog-details.html">Make authentic Italian margherita pizza at home-->
<!--                            </a></h5> -->
<!--                            <div class="wrap-hover-area">-->
<!--                                <p> It with just a touch of sauce. saucy riff, more in the style of takeout American Chinese kung pao. The sauce makes it perfect for eating with rice.-->
<!--                                </p> -->
<!--                                <a class="link-btn" href="blog-details.html">Read More</a> -->
<!--                            </div>                       -->
<!--                        </div> -->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
<!-- blog Area End -->

<!-- footer area start -->
<div id="footer"></div>
<!-- footer area end -->

<!-- back-to-top end -->
<div class="back-to-top">
    <span class="back-top"><i class="fas fa-angle-double-up"></i></span>
</div>



<!-- all plugins here -->
<script src="static/js/jquery.3.6.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/imageloded.min.js"></script>
<script src="static/js/counterup.js"></script>
<script src="static/js/waypoint.js"></script>
<script src="static/js/magnific.min.js"></script>
<script src="static/js/isotope.pkgd.min.js"></script>
<script src="static/js/jquery-ui.min.js"></script>
<script src="static/js/nice-select.min.js"></script>
<script src="static/js/fontawesome.min.js"></script>
<script src="static/js/owl.min.js"></script>
<script src="static/js/slick-slider.min.js"></script>
<script src="static/js/wow.min.js"></script>
<script src="static/js/tweenmax.min.js"></script>
<!-- main js  -->
<script src="static/js/main.js"></script>
<script type="text/javascript" src="static/js/include.js"></script>
</body>
</html>